/*自定义index样式*/


body { margin: 0; padding: 0; background: #fff; }
/*headeer*/
#header { padding: 10px 0; width: 100%; background: #fff; text-align: center; color: #888; font-size: 12px; font-weight: bolder; box-shadow: 0 0 5px #888; position: fixed; top: 0; z-index: 1000; }
#header img { margin-left: 10px; width: 20px; height: 20px; border-radius: 10px; float: left; }
#header #edit { margin-right: 10px; float: right; }

/*表单*/
#form { margin-top: 35px; width: 100%; }
#form table { padding: 0 5%; width: 100%; border-collapse: collapse; font-size: 13px; color: #888; }
#form td { padding: 10px; border: 1px solid #efefef; }
#form .tl { width: 40%; text-align: right; }
#form .tr { width: 60%; color: #333; font-weight: bolder; }

/*广告位*/
#advert { margin-top: 10px; width: 100%; height: 50px; background: #ccc; overflow: hidden; }

/*互动*/
/*菜单*/
#ul { height: 31px; background: #eee; border: 0; border-bottom: 1px solid #ccc; }
#ul div { margin-top: 2px; width: 60px; height: 29px; text-align: center; line-height: 29px; background: #888; color: #fff; border: 0; border-right: 2px solid #eee; border-top-left-radius: 4px; border-top-right-radius: 4px; font-size: 12px; list-style: none;float: left; }
/*#ul div.click { background: #80d4ff; text-shadow: 1px 1px 1px #000; }*/
#ul div.click { background: #0088cc; }
/*互动主体*/
/*#mbody-1 table, #body-bz { width: 100%; }*/
#mbody-1 td { padding: 10px 5px; vertical-align: top }

/*评论*/
#mbody-1 .pl-l { width: 40px; text-align: center; }
#mbody-1 .pl-l img { width: 30px; height: 30px; border-radius: 20px; background: #eee; box-shadow:1px 1px 5px #ccc; }
#mbody-1 .pl-l div { width: 40px; font-size: 12px; color: #ccc; }
#mbody-1 .pl-r  { padding: 5px 10px; font-size: 12px; }
#mbody-1 .pl-r div { color: #888; }
/*发布按钮*/
#addbtn { padding: 5px 5%; width: 90%; background: #fff; border: 0; border-top: 1px solid #ccc; position: fixed; bottom: 0; z-index: 10; }
#addbtn input { padding: 10px; width: 65%; background: #efefef; border: 0; border-radius: 10px; font-size: 12px; }
/*#addbtn a { padding: 8px 10px;background: #80d4ff; border: 0; border-radius: 5px; font-size: 12px; color: #fff; float: right; }*/
#addbtn a { padding: 8px 10px; background: #0088cc; border: 0; border-radius: 5px; font-size: 12px; color: #fff; float: right; }

/*版主*/
#mbody-2 table { width: 100%; border-collapse: collapse; }
#mbody-2 td { padding: 5px; font-size: 12px; border: 1px solid #efefef; }
#mbody-2 .bzhr { border: 0; border-bottom: 1px solid #80d4ff; }
#mbody-2 .bz-l { width: 30%; text-align: right; color: #888; }
#mbody-2 .bz-m { width: 50%; text-align: center; color: #333; font-weight: bolder; }
#mbody-2 .bz-r { padding: 0 15px; width: 20%; text-align: center; background: #0088cc; color: #fff; }
.div-hr { margin-bottom: 5px; height: 1px; background: #80d4ff; }

/*关注*/
#mbody-3 table { width: 100%; border-collapse: collapse; }
#mbody-3 td { padding: 5px; font-size: 12px; border: 1px solid #efefef; }
#mbody-3 .gzhr { border: 0; border-bottom: 1px solid #80d4ff; }
#mbody-3 .gz-l { padding-right: 20px; width: 30%; text-align: right; color: #888; }
#mbody-3 .gz-m { padding-left: 20px; width: 50%; text-align: left; color: #333; font-weight: bolder; }
/*#mbody-3 .gz-r { padding: 0 15px; width: 20%; text-align: center; background: #0088cc; color: #fff; }*/